<script> 
$(document).ready(function() {

	$("#nav ul").css({display: "none"}); // Opera Fix
		 
	$(" #nav li").hover(
		function() {
		$(this).find('ul:first').css({
			visibility: "visible",
			display: "none"
		}).show(500);
		},
		function() {
			$(this).find('ul:first').css({visibility: "hidden"});
		});
});
</script>

<div id="wrap">
<ul id="nav">
	<li><a href="#">Ноль</a></li>
	<li><a href="#">Один</a>
		<ul>
			<li><a href="#">Одиннадцать</a></li>
			<li><a href="#">Двенадцать</a>
				<ul>
					<li><a href="#">111</a></li>
					<li><a href="#">112</a></li>
					<li><a href="#">113</a></li>
				</ul>
			</li>			
			<li><a href="#">Тринадцать</a></li>
		</ul>
    </li>
    <li><a href="#">Два</a>
            <ul>
                <li><a href="#">Двадцать один</a></li>
                <li><a href="#">Двадцать два</a></li>
            </ul>
    </li>
</ul>
</div>